<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>首页</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/mvc/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/mvc/css/common/nav.css">
</head>

<body style="background-image:url(/mvc/imgs/111.jpg);background-repeat:no-repeat; background-size: cover;">
<%--    引入导航--%>
<%@include file="./common/nav.jsp"%>
<%--<table border="0" cellspacing="0" cellpadding="0" style="height:100px; width: 100%" id="nav_btn">
    <tr>
        <td>
            <img src="/mvc/imgs/fast-reg.png" />
        </td>
        <td style="background-image: url('/mvc/imgs/back.png'); background-repeat: repeat;
                    width: 100%">
        </td>
        <td align="right">
            <img src="/mvc/imgs/fast-reg-text.png" style="height:auto">
        </td>
    </tr>
</table>--%>
<%--    职位招聘信息搜索开始--%>
<div class="col-md-12"<p> </p></div>
<div class="col-md-12"<p> </p></div>
<div class="container" id="jobsearch_div" >
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="搜索职位、公司">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">
                        <span class="glyphicon glyphicon-search"></span>搜索
                    </button>
                </span>
            </div><!-- /input-group -->
        </div><!-- /.col-lg-8 -->
    </div><!-- /.row -->
</div>
<div class="text-center">
    <style type="text/css">
        .text-center{font-size:13px;color:#9fa3b0;padding:16px 0;}
        .text-center b{font-weight:900;display:inline-block;margin-right:5px}
        .text-center a{display:inline-block;margin-right:22px;color:#9fa3b0}
        .text-center a:hover{color:#18c3b1}
        .text-center{padding:9px 0 26px 0}
        .text-center b{margin-right:18px}
    </style>
    <b>热门职位:</b>
    <a href="#" ka="hot-position-1">收银</a>
    <a href="#" ka="hot-position-2">Java</a>
    <a href="#" ka="hot-position-3">实施工程师</a>
    <a href="#" ka="hot-position-4">Python</a>
    <a href="#" ka="hot-position-5">后端开发</a>
    <a href="#" ka="hot-position-6">技术经理</a>
    <a href="#" ka="hot-position-8">web前端</a>
    <a href="#" ka="hot-position-9">前台</a>
    <a href="#" ka="hot-position-10">客服专员</a>
    <a href="#" ka="hot-position-11">Hadoop</a>
    <a href="#" ka="hot-position-12">网络客服</a>
</div>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row">
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="/mvc/imgs/wxy1.jpg" />
                        <div class="caption">
                            <h3>
                                LABOR直聘 畅游职业海洋
                            </h3>
                            <p>
                                网上找工作，免费帮你忙。网上有你，机遇找你。网上求职，省力省时。网上求职，让你出奇“职”胜。、网上求职，快捷轻松。网尽天下英才，点击美好未来。好岗一“网”打尽，就业一“点”无忧。                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="/mvc/imgs/wxy2.jpg" />
                        <div class="caption">
                            <h3>
                                LABOR直聘 你忠实的好伙伴
                            </h3>
                            <p>
                                我们为每位员工提供后顾无忧的可靠支持。完善的培训与发展体系，提供丰富的技术与通识类课程，成长为更好的你。年轻的团队，扁平化的管理，坦诚的交流与沟通。弹性工作，鼓励自主学习与提高
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="/mvc/imgs/wxy3.jpg" />
                        <div class="caption">
                            <h3>
                                LABOR直聘 引领走向成功
                            </h3>
                            <p>
                                只要还有明天，今天就永远是起跑线。 前方无绝路，希望在转角。抱最大的希望，为最大的努力，做最坏的打算。有理想在的地方，地狱就是天堂;有希望在的地方，痛苦也成欢乐。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<!--结束-->
<%--    必须先引入jquery.min.js--%>
<script src="/mvc/plugins/jquery/jquery.min.js"></script>
<script src="/mvc/plugins/bootstrap/js/bootstrap.js"></script>

</html>